<title>招聘列表</title>

<div class="layui-card layadmin-header">
  <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <a lay-href="">主页</a>
    <a><cite>运营管理</cite></a>
    <a><cite>友情链接</cite></a>
  </div>
</div>

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="app-content-list">
      <div class="layui-form-item">
        <div class="layui-inline">
          <label class="layui-form-label">搜索</label>
          <div class="layui-input-inline">
            <input type="text" name="keyword" placeholder="请输入关键词" autocomplete="off" class="layui-input">
          </div>
        </div>

        <div class="layui-inline">
          <button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
          </button>
        </div>
      </div>
    </div>

    <div class="layui-card-body">
      <div style="padding-bottom: 10px;">
        <button class="layui-btn layuiadmin-btn-list" data-type="batchdel">删除</button>
        <button class="layui-btn layuiadmin-btn-list" data-type="add">添加</button>
      </div>
      <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table>
      <script type="text/html" id="buttonTpl">
          {{#  if(d.status){ }}
            <button class="layui-btn layui-btn-xs">显示</button>
          {{#  } else { }}
            <button class="layui-btn layui-btn-primary layui-btn-xs">隐藏</button>
          {{#  } }}
        </script>
      <script type="text/html" id="table-content-list">
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
        </script>
    </div>
  </div>
</div>

<script>
  layui.use(['admin', 'table', 'form', 'layedit'], function () {
    var $ = layui.$
      , admin = layui.admin
      , view = layui.view
      , table = layui.table
      , layedit = layui.layedit
      , form = layui.form;

    //文章管理
    table.render({
      elem: '#LAY-app-content-list'
      , url: '/api/friendlink/getList' //模拟接口
      , cols: [[
        { type: 'checkbox', fixed: 'left' }
        , { type: 'numbers', width: 80, title: '序号', align: 'center' }
        , { field: 'title', title: '网站名称', minWidth: 160 }
        , { field: 'url', title: 'URL', minWidth: 160 }
        , { field: 'remark', title: '说明', minWidth: 160 }
        , { field: 'sort', title: '排序', minWidth: 160 }
        , { field: 'status', title: '状态', templet: '#buttonTpl', width: 100, align: 'center' }
        , { field: 'create_time', title: '发布时间', sort: true }
        , { title: '操作', minWidth: 120, align: 'center', fixed: 'right', toolbar: '#table-content-list' }
      ]]
      , page: true
      , limit: 10
      , limits: [10, 15, 20, 25, 30]
      , text: '对不起，加载出现异常！'
      , parseData: function (res) { //res 即为原始返回的数据
        return {
          "code": res.code, //解析接口状态
          "msg": res.msg, //解析提示文本
          "count": res.data.total, //解析数据长度
          "data": res.data.data //解析数据列表
        };
      }
    });

    //监听工具条
    table.on('tool(LAY-app-content-list)', function (obj) {
      var data = obj.data;
      if (obj.event === 'del') {
        layer.confirm('确定删除所选数据？', function (index) {
          obj.del();
          layer.close(index);

          admin.req({
            type: "POST",
            url: '/api/friendlink/del',
            data: { ids: data.id },
            dataType: "json",
            success: function (res) {
              layer.msg(res.msg);
              layui.table.reload('LAY-app-content-list'); //重载表格
            }
          });
        });
      } else if (obj.event === 'edit') {

        admin.popup({
          title: '编辑'
          , area: ['700px', '600px']
          , id: 'LAY-popup-content-edit'
          , success: function (layero, index) {
            view(this.id).render('friendlink/add', data).done(function () {

              form.render(null, 'layuiadmin-app-form-list');
              // console.log(data);

              //监听提交
              form.on('submit(layuiadmin-app-form-submit)', function (data) {
                var field = data.field; //获取提交的字段


                //提交 Ajax 成功后，关闭当前弹层并重载表格
                admin.req({
                  type: "POST",
                  url: '/api/friendlink/add',
                  data: { data: field },
                  dataType: "json",
                  success: function (res) {
                    layer.msg(res.msg, { time: 800 });
                  }
                });

                setTimeout(function () {
                  layui.table.reload('LAY-app-content-list'); //重载表格
                  layer.close(index); //执行关闭 
                }, 1000);


              });
            });
          }
        });
      }
    });

    form.render(null, 'app-content-list');

    //监听搜索
    form.on('submit(LAY-app-contlist-search)', function (data) {
      var field = data.field;

      console.log(field);
      console.log(11);

      //执行重载
      table.reload('LAY-app-content-list', {
        where: field
      });
    });

    var active = {
      batchdel: function () {
        var checkStatus = table.checkStatus('LAY-app-content-list')
          , checkData = checkStatus.data; //得到选中的数据

        if (checkData.length === 0) {
          return layer.msg('请选择数据');
        }

        var ids = [];   //声明数组
        for (var i = 0; i < checkData.length; i++) {
          ids.push(checkData[i].id);
        }

        layer.confirm('确定删除吗？', function (index) {
          // console.log(ids);
          admin.req({
            type: "POST",
            url: '/api/friendlink/del',
            data: { ids: ids },
            dataType: "json",
            success: function (res) {
              layer.msg(res.msg);
              table.reload('LAY-app-content-list');
            }
          });

        });
      }

      //添加
      , add: function (othis) {
        admin.popup({
          title: '添加'
          , area: ['700px', '600px']
          , id: 'LAY-popup-content-add'
          , success: function (layero, index) {
            view(this.id).render('/friendlink/add').done(function () {
              form.render(null, 'layuiadmin-app-form-list');

              //监听提交
              form.on('submit(layuiadmin-app-form-submit)', function (data) {
                var field = data.field; //获取提交的字段
                field.lang = lang

                //提交 Ajax 成功后，关闭当前弹层并重载表格
                admin.req({
                  type: "POST",
                  url: '/api/friendlink/add',
                  data: { data: field },
                  dataType: "json",
                  success: function (res) {
                    layer.msg(res.msg, { time: 800 });

                    layui.table.reload('LAY-app-content-list'); //重载表格
                    layer.close(index); //执行关闭
                  }
                });
              });
            });
          }
        });
      }
    };

    $('.layui-btn.layuiadmin-btn-list').on('click', function () {
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });

  });
</script>